.rank-list-item-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0;
  // background: rgb(161, 73, 73);
  .cover {
    width: 120rpx;
    height: 120rpx;
    .image {
      width: 100%;
      height: 100%;
      border-radius: 10rpx;
    }
  }

  .rank {
    display: flex;
    justify-content: center;
    width: 15%;

    .rank-1 {
      color: red;
      font-weight: bold;
    }
    .rank-2 {
      color: gold;
      font-weight: bold;
    }
    .rank-3 {
      color: goldenrod;
      font-weight: bold;
    }
  }

  .info {
    flex: 1 1;

    .name {
      max-width: 40vw;
      font-weight: bold;
      overflow: auto;
    }
    .author {
      max-width: 40vw;
      font-size: small;
      color: gray;
    }
  }

  .tag {
    font-size: xx-small;
    font-weight: bold;
    .hot-x {
      color: red;
    }
    .hot {
      color: gold;
    }
    .new {
      color: green;
    }
  }
}
